<template>
  <div>
    <!-- 如果在数据库没有查询到记录，show_collect为false，提示当前没有记录 -->
    <div v-if='show_collect'>
      <div class="prompt">还没有任何记录哦~</div>
    </div>

    <!-- 如果在数据库查询到该用户的记录，show_collect默认为true，显示记录表格 -->
    <div v-else>
      
       <CollectList 
       :key='index' v-for='(collect,index) in collect' 
       :collect = 'collect'  
       >
      </CollectList>

      
    </div>
  </div>
</template>

<script>
import {get} from '@/utli'
import CollectList from '../../components/CollectList.vue'


export default {

   components: {
      CollectList
    },

//props传入值
    props: ['collect','strategy',
              ],

  data () {
    return {
    show_collect:false,
      userinfo:{},
      collect:[],
       
      strategy:[],
      // props: ['collect'],

        // dataList: [], // 数据源
         // 存储每列的累积top
    }
  },

//需要添加的部分
methods:{
  async getcollect () {
    //调用后台数据时显示「加载中」提示框
  //  console.log("csid：",strategy.sid)
    //需要传到后台的数据
const data = {
      openid: this.userinfo.openId,
      // csid:this.strategy
    }
    const strategy = await get('/weapp/getall', data)
    this.strategy = strategy.strategy
    console.log("strategy从后台返回的记录数据：",this.strategy)
 console.log("csid：",this.strategy)

    // const data = {
    //   openid: this.userinfo.openId,
    //   csid:this.strategy
    // }
    //将后台传过来的数据保存到collect变量中
    const collect = await get('/weapp/getcollect', data)
    this.collect = collect.collect
    console.log("从后台返回的记录数据：",this.collect)
    

    
    //通过collect数组的长度来判断show_collect变量为false或者true
    if(this.collect.length === 0){
      this.show_collect = true
    }else{
      this.show_collect = false
    }
    wx.hideToast()
  },


   
},

  onShow () {
    const userinfo = wx.getStorageSync('userinfo')
    //如果缓存中有userinfo的信息，说明用户登录了。
    if(userinfo.openId){
      //将用户信息储存到data的userinfo字段里面，this.userinfo就是指的这个字段。
      this.userinfo = userinfo
    }
    this.getcollect()
  },
   onLoad: function (option) {
    Object.assign(this, this.$options.data()); // 重置页面数据
  }


}

</script>

<style lang="scss">


//查不到记录的样式
.prompt{
  margin-top: 50px;
  margin-bottom: 30px;
  font-size: 14px;
  color: #888888;
  text-align: center;
}
  
</style>
